<template>

    <div v-if="category=='framework_organ'">
        <ul>
            <li  class="organ_row" v-for="item in lists">
                  <div class="organ_row_img">
                      <img src="https://www.baidu.com/img/flexible/logo/pc/result.png" alt="">
                  </div>
                  <div class="organ_row_info">
                      <span>名称:{{item.name}}</span>
                      <span>简介:{{item.post}}</span>
                  </div>
            </li>
<!--             <li  class="organ_row">
                  <div class="organ_row_img">
                      <img src="https://www.baidu.com/img/flexible/logo/pc/result.png" alt="">
                  </div>
                  <div class="organ_row_info">
                      <span>名称:</span>
                      <span>简介:</span>
                  </div>
            </li> -->

        </ul>
    </div>
    <div v-else-if="category=='grid'">
    </div>
</template>

<script>
  export default {
    props:{
      category:{
        type:String,
        default:"framework_organ"
      },
      lists:{
        type:Array,
        default:[]
      }

    },

    onLoad(options) {
            console.log(this.props)
      this.src = decodeURIComponent(options.path)
      
    },
    data(){
      return {
        src:''
      }
    }
  }
</script>

<style>
.organ_row{
  display: flex;
  width: 50%;
  padding: 10px;
}
.organ_row_img {
  width: 100px;
  height: 100px;
}
.organ_row_img img{
  width: 100%;
  height: 100%;
  border-radius: 100%;
}
.organ_row_info{
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  padding-left: 15px;
}
</style>
